.container {
  margin: auto;
  padding-top: 132px;
  width: 1600px;
  .header {
    display: flex;
    .right {
      flex: 1;
      margin-left: 50px;
      > span {
        display: block;
        font-size: 26px;
        border-bottom: 1px solid #ddd;
        padding: 20px 0;
      }
      .menu {
        display: flex;
        margin-top: 20px;
        .item {
          color: #333;
          display: flex;
          flex-direction: column;
          align-items: center;
          padding: 10px 40px;
          border-right: 1px solid #ddd;
          font-size: 20px;
          cursor: pointer;
          > span:first-of-type {
            font-weight: bold;
          }
        }
        .sel {
          color: var(--el-color-primary);
        }
        .item:hover {
          color: var(--el-color-primary);
        }
      }
    }
  }
  .title {
    font-size: 22px;
    color: #333;
    padding: 20px 0;
    border-bottom: 2px solid var(--el-color-primary);
  }
  .content {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 20px);
    color: #333;
    .item {
      cursor: pointer;
      padding: 20px;
      box-sizing: border-box;
      display: flex;
      margin-right: 20px;
      width: calc((100% - 60px) / 3);
      .right {
        flex: 1;
        margin-left: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .info {
          display: flex;
          flex-direction: column;
          font-size: 12px;
        }
      }
    }
  }
}
